<template>
      <div>
        <el-table :data="tableData" border style="width: 100%">
          <el-table-column prop="id" label="编码" width="180"> </el-table-column>
          <el-table-column prop="name" label="分类名" width="180"> </el-table-column>
          <el-table-column prop="remark" label="描述"> </el-table-column>
          <el-table-column label="操作">
            <template slot-scope="scope">
              <el-button size="mini" @click="handleEdit(scope.$index, scope.row)"
                >编辑</el-button
              >
              <el-button
                size="mini"
                type="danger"
                @click="handleDelete(scope.$index, scope.row)"
                >删除</el-button
              >
            </template>
          </el-table-column>
        </el-table>
      </div>
    </template>
    
    <script>

//导入request工具
import request from "@/utils/request";

export default {
      data() {
        return {
          tableData: [],
        };
      }, 
  //created页面加载完触发的生命周期
    created() {
    //发起一个异步请求，查询分类的数据
    request
      // get表示指定请求地址 和 请求参数
      .get("/vaccinum-type/list", {
        params: {},
      })
      // then表示请求后的回调函数
      .then((res) => {
        console.log(res);
        // 把后台的响应的数据赋值给data中的tableData
        this.tableData = res.list;
      });
    },
      methods: {
        handleEdit(index, row) {
          console.log(index, row);
        },
        handleDelete(index, row) {
          console.log(index, row);
        },
      },
    };
    </script>